<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>阿里百秀</title>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div class="container w">
    <div class="row">
      <header class="col-md-2 col-xs-12" id="header">
        <div class="logo">
          <a href="#" class="hidden-xs"><img src="images/logo.png" alt=""></a>
          <span class="visible-xs center-block">阿里百秀</span>
        </div>
        <ul>
          <li><a href="#"><span class="glyphicon glyphicon-copyright-mark"></span> 生活馆</a></li>
          <li><a href="#"><span class="glyphicon glyphicon-facetime-video"></span> 自然汇</a></li>
          <li><a href="#"><span class="glyphicon glyphicon-fire"></span> 科技湖</a>
          </li>
          <li><a href="#"><span class="glyphicon glyphicon-hd-video"></span> 奇趣事</a>
          </li>
          <li><a href="#"><span class="glyphicon glyphicon-paperclip"></span> 美食杰</a>
          </li>
        </ul>
      </header>
      <article class="col-md-7 col-xs-12">
        <div class="news clearfix">
          <ul>
            <li>
              <a href="#">
                <img src="upload/lg.png" alt="">
                <p>阿里百秀</p>
              </a>
            </li>
            <li>
              <a href="">
                <img src="upload/1.jpg" alt="">
                <p>奇了成都一小区护卫长得像马云市民粉纷求合影</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="upload/2.jpg" alt="">
                <p>奇了成都一小区护卫长得像马云市民粉纷求合影</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="upload/3.jpg" alt="">
                <p>奇了成都一小区护卫长得像马云市民粉纷求合影</p>
              </a>

            </li>
            <li>
              <a href="#">
                <img src="upload/4.jpg" alt="">
                <p>奇了成都一小区护卫长得像马云市民粉纷求合影</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="atic">
          <div class="row items">
            <div class="col-sm-9">
              <div class="title">
                <p>生活馆关于指甲的10个健康知识你知道几个？</p>
                <p class="text-muted hidden-xs">alibaixiu发布于2015-11-23</p>
              </div>
              <p class="content hidden-xs">指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
              <p class="lable text-muted">阅读(2417)评论(1)赞 (18) <span class="hidden-xs">标签：健康 / 感染 / 指甲 / 疾病 / 皮肤 / 营养 /
                  趣味生活</span></p>
            </div>
            <div class="col-sm-3 ">
              <img src="upload/2.jpg" alt="" class="hidden-xs">
            </div>
          </div>
          <div class="row items">
            <div class="col-sm-9">
              <div class="title">
                <p>生活馆关于指甲的10个健康知识你知道几个？</p>
                <p class="text-muted hidden-xs">alibaixiu发布于2015-11-23</p>
              </div>
              <p class="content hidden-xs">指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
              <p class="lable text-muted">阅读(2417)评论(1)赞 (18) <span class="hidden-xs">标签：健康 / 感染 / 指甲 / 疾病 / 皮肤 / 营养 /
                  趣味生活</span></p>
            </div>
            <div class="col-sm-3 ">
              <img src="upload/2.jpg" alt="" class="hidden-xs">
            </div>
          </div>
          <div class="row items">
            <div class="col-sm-9">
              <div class="title">
                <p>生活馆关于指甲的10个健康知识你知道几个？</p>
                <p class="text-muted hidden-xs">alibaixiu发布于2015-11-23</p>
              </div>
              <p class="content hidden-xs">指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
              <p class="lable text-muted">阅读(2417)评论(1)赞 (18) <span class="hidden-xs">标签：健康 / 感染 / 指甲 / 疾病 / 皮肤 / 营养 /
                  趣味生活</span></p>
            </div>
            <div class="col-sm-3 ">
              <img src="upload/2.jpg" alt="" class="hidden-xs">
            </div>
          </div>
          <div class="row items">
            <div class="col-sm-9">
              <div class="title">
                <p>生活馆关于指甲的10个健康知识你知道几个？</p>
                <p class="text-muted hidden-xs">alibaixiu发布于2015-11-23</p>
              </div>
              <p class="content hidden-xs">指甲是经常容易被人们忽略的身体部位， 事实上从指甲的健康状况可以看出一个人的身体健康状况， 快来看看10个暗藏在指甲里知识吧！</p>
              <p class="lable text-muted">阅读(2417)评论(1)赞 (18) <span class="hidden-xs">标签：健康 / 感染 / 指甲 / 疾病 / 皮肤 / 营养 /
                  趣味生活</span></p>
            </div>
            <div class="col-sm-3 ">
              <img src="upload/2.jpg" alt="" class="hidden-xs">
            </div>
          </div>
        </div>
      </article>
      <aside class="col-md-3 col-xs-12">
        <a href=""><img src="upload/zgboke.jpg" alt=""></a>
        <div class="info">
          <a href="">
            <p class="btn btn-primary hot">热搜</p>
          </a>
          <a href="">
            <p class="text-primary h3">欢迎加入中国博客联盟</p>
          </a>
          <a href="">
            <p class="text-muted h6">这里收录国内各个领域的优秀博客，是一个全人工编辑的开放式博客联盟交流和展示平台…</p>
          </a>

        </div>
      </aside>
    </div>
  </div>
</body>

</html>